<!DOCTYPE html>
<html lang="zh-CN">
<%@ page language="java" import="com.siysoft.tc.base.bean.to.User"
	pageEncoding="UTF-8"%>
<head>
<title>Register Page</title>
<%@include file="/common/head.jsp"%>
</head>
<body class="register-body">

	<div class="filterBg"></div>
	<div class="register-logo">
		<span class="logoF f30">TCLOGO</span><span class="welcome">Welcome</span>
		<a href="<%=request.getContextPath()%>/app/login_index.htm"
			class="green">Already Have An Account ?</a>
	</div>
	<div class="register-wrap">
		<form id="myForm1"
			action="<%=request.getContextPath()%>/app/register1.htm"
			method="post">
			<ul class="famition">
				<li><input type="text" placeholder="Name" class="username"
					name="name" onblur="username(this)">
				</li>
				<li><input placeholder="0044" disabled="true" style="width:15%"
					class="input"><input type="text"
					placeholder="Mobile Phone Number" class="input" maxlength="11"
					name="telephone" onblur="phonenumber(this)"
					style="width:80%;margin-left:5%">
				</li>
				<li><input type="text" style="ime-mode:disabled"
					placeholder="Grade" class="input" name="grade">
				</li>
				<li><input type="text" style="ime-mode:disabled"
					placeholder="E-mail" class="input" name="email"
					onblur="checkMail(this)">
				</li>
				<li><input type="text" oncopy="return false;"
					oncut="return false;" placeholder="E-mail Again" class="input"
					name="" onblur="checkMail1(this)">
				</li>
				<li><input type="password" style="ime-mode:disabled"
					placeholder="Password" class="input" name="password"
					onblur="password0(this)">
				</li>
				<li><input type="password" oncopy="return false;"
					oncut="return false;" placeholder="Password again" class="input"
					name="" onblur="password1(this)">
				</li>
				<li><input name="" type="checkbox" value="" class="check">
					<span class="agreeText">I Agree to the</span> <span class="green"
					id="protocolWindow">User Protocol</span>
				</li>
				<li><input type="button" class="button" id="registerButton"
					value="Next Step" />
				</li>
			</ul>
		</form>
	</div>


	<div class="protocolWindow">
		<div class="protocol">
			<p class="t">
				Protocol<span class="date">APRIL 25TH 2015 </span>
			</p>
			<p class="p" style="height:480px;overflow:auto">
				1、我们需要用户在读学校，学号，邮箱，常用联系电话等信息来营造更好的补课氛围，及即使联系，确认，安排各补课人员一旦申请成为老师，且通过之后。个人账户中的学校，学号，邮箱，个人描述
				， 别人评价，预约单历史，目标完成度等信息将不能自由修改。<br />
				<br /> 2、补课地点请尽量选在公共场合来最大程度的保证个人人身和财产安全。<br />
				<br /> 3、补课时间请尽量选在白天来最大程度的保证个人人身和财产安全。<br />
				<br />

				4、退出已经请不要随意退过确认参与的课程，这将造成其余人的时间与经济上的损失，而且我们将很难再及时给您安排另一场同类型的补课。且这一行为将记录在您的个人资料之中。如真需要退出已经过确认参与的课程，请在约定的上课时间前两小时之前点击预约单上的取消课程按钮来退出课程。该情况下，我们会将把全额补课费用及平台运营费退换给您。如未能及时（提前两小时）取消，请联系我们平台运营人员来取消课程，但此时我们将对所有费用进行酌情处理。
				<br />
				<br /> 5、如强退次数和概率到达一定程度，我们平台将暂时冻结该用户的登陆权限，直到我们能联系到该用户并确认原因再做出相应处理。 <br />
				6、我们拥有对各账户的最终解释权 <br />
				<br />
				7、当预约单处于public状态时，其他用户将有权自由加入该预约单。该预约单的第一个创建者将无权踢人，但能随时将public状态切换到private状态以此来拒接其他人的再加入。
				<br />
				<br /> 8、当预约单里的各项条款生成或修改时，需要预约单内当下所有用户的全票通过。 <br />
				<br /> 9、当学生与同一个老师进行第二次及以上约课的时候将不再收取费用。 <br />
				<br /> 10、补课费用将在课程结束后，用户点击确认课程结束按钮时，转入老师账户 <br />
				<br />
				11、学生可在预约单上选择是否勾选bones（20%的课程费用）来给与老师额外的认同感。该费用将在学生课后选择是否完成任务目标时确认归属。如学生选择未完成任务目标，bones将退还与原账户：如学生选择完成任务目标，bones将转入老师账户。
				<br />
				<br /> 12、请不要用他人的联系信息进行各种商业用途，我们在发现及确认的情况下，将严肃处理。
			</p>
		</div>


		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="<%=request.getContextPath()%>/common/js/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="<%=request.getContextPath()%>/common/js/bootstrap.min.js"></script>

		<script>
	//提示错误信息
    	function createPromot(_this,_str,result){
			if(result){
			    _this.parent().find(".prompt").remove();
			   return true;
			}
			var str=_str;
			var parent=_this.parent();
			parent.find(".prompt").remove();
			var promot=$('<div class="prompt">' + '<span>' + '<img src="<%=request.getContextPath()%>/common/images/j1.gif" width="17" height="28">' + '</span>' + str + '</div>');
			promot.appendTo(parent);
			$(".prompt").animate({
				"opacity" : 1
			});
			return false;
		}
		//验证用户�?
		function username(_this_){
			var _this=$(_this_);
			var val=_this.val();
			if(val==''){
				var str="Not empty";
				return createPromot(_this,str);
			}
			if(val!=''){
				$.ajax({
					type:"post",
					url:"<%=request.getContextPath()%>/app/judgename.htm",
					data:{
						"name":val
					},
					async:false,
					success:function(data){
						if(data.data.result == -1){
							var str="Has been used";
							return createPromot(_this,str);
						}
						else{
							return createPromot(_this,str,true);
						}
					}
				});
			}
		}
		
		/*function grade(_this_){
			var _this=$(_this_);
			var val=_this.val();
	
			if(val==''){
			  var str="Not empty";	
			  createPromot(_this,str);
			}
			else{
			
			  createPromot(_this,str,true);		
			}
		}*/
		
		function phonenumber(_this_){
			var _this=$(_this_);
			var val=_this.val();
			//var reg=new RegExp("^(((13[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(14[0-9]{1})|(15[0-9]{1}))+\\d{8})$");
			if(val==''){
				var str="Not empty";
				createPromot(_this,str);
			}
			//else if(!reg.test(val)){
			  // var str="Incorrect format";
			   //createPromot(_this,str);
			//}
			else{
				$.ajax({
						type:"post",
						url:"<%=request.getContextPath()%>/app/judgetelephone.htm",
						data:{
							"telephone":val
						},
						async:false,
						success:function(data){
							if(data.data.result == -1){
								var str="Has been used";
								return createPromot(_this,str);
							}
							else{
								return createPromot(_this,str,true);
							}
						}
					});
			}
		}
		
		function checkMail(_this_) {
			var _this=$(_this_);
			var val=_this.val();
 			var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			if(val==''){
			  var str="Not empty";	
			  createPromot(_this,str);
			}
 			else if (!filter.test(val)){
			  var str="Incorrect format";	
 			  createPromot(_this,str);
			}
			else {
				$.ajax({
					type:"post",
					url:"<%=request.getContextPath()%>/app/judgeemail.htm",
					data:{
						"email":val
					},
					async:false,
					success:function(data){
						if(data.data.result == -1){
							var str="Has been used";
							return createPromot(_this,str);
						}
						else{
							return createPromot(_this,str,true);
						}
					}
				});
			}
		}
		
		function checkMail1(_this_){
			var _this=$(_this_);
			var val=_this.val();
			var val1=_this.parent().prev().find("input").val();
			if(val==''){
			  var str="Not same";	
			  createPromot(_this,str);
			}else if(val!=val1){
			  var str="Not same";	
			  createPromot(_this,str);
			}else{
				return createPromot(_this,str,true);
			}
		}
		
		function password0(_this_){
			var _this=$(_this_);
			var val=_this.val();
			if(val==''){
			  var str="Not empty";	
			  createPromot(_this,str);
			}else if(val.length<4){
			  var str="Too short";	
			  createPromot(_this,str);
			}
			else{
				var flagCaps = 0;
				var flagcaps = 0;
				var flagdigits = 0;
				for(var i = 0; i < val.length; i++){
					var c=val.charAt(i);
					if(c<'A' || c>'Z')
						flagCaps += 1
					if(c<'a' || c>'z')
						flagcaps += 1
					if(c<'0' || c>'9')
						flagdigits += 1
				}
				if(flagCaps == val.length){
					var str="No capital";	
			  		createPromot(_this,str);
				}
				else if(flagcaps == val.length){
					var str="No lowercase";	
			  		createPromot(_this,str);
				}
				else if(flagdigits == val.length){
					var str="No digit";	
			  		createPromot(_this,str);
				}
				else{
					createPromot(_this,str,true);
				}
			}
			
		}
		
		
		function password1(_this_){
			var _this=$(_this_);
			var val=_this.val();
			var val1=_this.parent().prev().find("input").val();
			if(val==''){
			  var str="Not same";	
			  createPromot(_this,str);
			}else if(val!=val1){
			  var str="Not same";	
			  createPromot(_this,str);	
			}else{
			  createPromot(_this,str,true);	
			}
		}
		$("#registerButton").on("click",function(){
			if($(".check").attr("checked")!="checked"){
				alert("Please agree the agreement");
				return false;
			}
			$(".famition li input").each(function(){
				$(this).blur();
			})
		
			if($(".famition li .prompt").length==0){
				document.getElementById('myForm1').submit();
			}else{
				return false;
			}		
		});
		
		$(".check").on("click",function(){
			if($(this).attr("checked")=="checked"){
				$(this).removeAttr("checked");
			}else{
				$(this).attr("checked","checked");
			}
		});
    </script>
		<script>
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
document.onkeydown = function(){ 
	if (event.ctrlKey && window.event.keyCode==67){ 
	return false; 
	} 
} 

$("#protocolWindow").on("click",function(){
	$(".protocolWindow").show();
	$(".filterBg").show();
})
$(".filterBg").click(function(){
	$(".filterBg").hide();
	$(".protocolWindow").hide();
})
</script>
</body>
</html>